<template>
  <div>
    <h1>第一题  实现一个简单的计算器： 编写一个函数，接收一个包含加减乘除的字符串表达式，返回表达式的计算结果。</h1>
    <input v-model="expression" placeholder="Enter expression">
    <button @click="calculate">Calculate</button>
    <p>结果: {{ result }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      expression: '',
      result: null
    };
  },
  methods: {
    calculate() {
      try {
        this.result = eval(this.expression);
      } catch (error) {
        this.result = 'Error';
      }
    }
  }
};
</script>
